<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>支付宝二维码付款</title>
  <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  <script type="text/javascript" src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
</head>
<body>
<a href="javascript:void(0);" onclick="Pay()">点击生成付款二维码</a>



<div id="Orcode_div" style="height: 165px;width: 165px"></div>
</body>
<script type="application/javascript">
  //项目名称
  var basePath="/byyu";
  //商户订单编号
  var outTradeNo;
  //预下单
  function Pay(){
    $.ajax({
      url: 'http://localhost:8080/getzfbqr',
      method: 'post',
      async: false,  //是否异步请求  默认truefalse为同步请求 ，true为异步请求）
      dataType: 'JSON',
      success: function (res) {
        //商户订单编号
        outTradeNo=res.outTradeNo;
        //创建订单二维码
        createQrcode(res.qrcode);
      }
    })
  }
  var zfbQRCode;
  //生成付款二维码
  function createQrcode(url){
    if (zfbQRCode!=undefined && zfbQRCode!='') {
      //清空之前的二维码
      $("#Orcode_div canvas").remove()
      $("#yes_qrcode").hide();
    }
    //生成二维码放入”Orcode_div“ div
    zfbQRCode=$('#Orcode_div').qrcode({
      width: 168, //宽度
      height: 168, //高度
      text:url
    });
  }
</script>
</html>
